.my-upload {
	position:fixed;right:2px;bottom:0;margin-bottom:2px;
	width:640px;max-height:410px;box-shadow:0 0 5px 2px #ccc;border-radius:3px;overflow:hidden;
	font:14px/1.5 "Microsoft Yahei";border-color:rgba(0,0,0,.8);
}
.my-upload .panel-heading {
	background-color:rgba(0,0,0,.8); border-color:rgba(0,0,0,.8);
}
.my-upload .my-upload-header {
	line-height:25px;
}
.my-upload .my-upload-header span {
	display:inline-block;vertical-align:middle;font-size:16px;
}
.my-upload .my-upload-header span:not(:first-child) {
	float:right;margin-left:10px;cursor:pointer;margin-top:4px;
}
.my-upload .my-upload-header i {
	font-style:normal;
}
.my-upload .list-group {
	 mx-height:329px;
}
.my-upload .list-group .list-group-item {
	position:relative;background:transparent;padding:0;overflow:hidden;height:42px;line-height:42px;
}
.my-upload .list-group .list-group-item span {
	display:inline-block;float:left;height:42px;line-height:42px;text-align: center;background:transparent;
}
.my-upload .list-group .list-group-item span.file-name { width:40%;text-indent:.5em;text-align:left;overflow: hidden; text-overflow: ellipsis;white-space: normal;}
.my-upload .list-group .list-group-item span.file-size { width:20%; }
.my-upload .list-group .list-group-item span.upload-percent { width:20%; }
.my-upload .list-group .list-group-item span.file-state { width:20%; font-size:14px;}
.my-upload .list-group .list-group-item span.upload-progress {
	position:absolute;left:0;top:0;width:0;height:100%;background:rgba(240,240,240,1);z-index:-1;
}
.my-upload .list-group .list-group-item span i.glyphicon-ok {color:green;}
.my-upload .list-group .list-group-item span i.glyphicon-remove {color:#c40000;}
@keyframes spin { 100% { transform:rotate(360deg); transform-origin:50% 50%; } }
.my-upload .list-group .list-group-item span i.glyphicon-refresh {color:#337AB7; animation:spin 2s linear infinite;}


.my-upload.minimize .list-group { display:none; }

.my-upload.closed { width:50px; }
.my-upload.closed .list-group { display:none; }
.my-upload.closed .panel-heading span, .my-upload.closed .panel-heading i { display:none; }
.my-upload.closed .panel-heading span.glyphicon-upload { display:inline-block; }
